import React from 'react';


// 类组件(数据)子传父 -> 把孩子的数据，传递给父组件

class Btn1 extends React.Component {
  // 在类的第一层定义的数据会添加到类的实例中
  obj = { color: 'red' };
  handleClick = () => {
    // 调用函数，并传递实参
    this.props.aaaa(this.obj);
  };
  render() {
    return (
      <button onClick={this.handleClick}>类组件按钮</button>
    );
  }
}

class App extends React.Component {
  // 在父组件中能拿到子传递过来的数据
  fatherHandle = (obj) => {
    console.log('父定义的函数被调用了', obj);
  };
  render() {
    return <div>
      <Btn1 aaaa={this.fatherHandle}></Btn1>
    </div>;
  }
}


export default App;
